<!DOCTYPE html>
<html lang="en">
    <head>
        
        <meta charset="UTF-8">   
        <title>插值表达式</title>
        <script src="https://unpkg.com/vue@3.0.0-beta.17/dist/vue.global.js"></script>
    </head>
    <body>
        <div id="root">
            <div >
                <h1>插值表达式</h1>
                <p>{{message}}</p>
                <p>{{1+2}}</p>
                <p>{{10===10}}</p>
                <p v-html='h'></p>
                <p v-text='h'></p>
            </div>
            <div>
                <h1>插值表达式</h1>
                <p>{{message1}}</p>
                <p>{{1+2}}</p>
                <p>{{10===10}}</p>
                <p v-html='table'></p>
                <p v-text='table'></p>
            </div>
        <script>
            const app=Vue.createApp({
                data(){
                    return{
                        message:"hello",
                        message1:"jinmeicahi",
                        h:"<h2>输出html元素格式h2</h2>",
                        table:"<ol><li>哈哈哈</li><li>呀呀呀</li></ol>"
                    }     
                },

            });
            const vm=app.mount("#root");
        </script>
         
    </body>
</html>